const merge = require("webpack-merge");
const common = require("./webpack.common.js");
const {
    CleanWebpackPlugin
} = require("clean-webpack-plugin"); // 引入CleanWebpackPlugin插件
const PurifyCSSPlugin = require('purifycss-webpack'); // 引入PurifyCssWebpack插件
const glob = require("glob"); // 引入glob模块,用于扫描全部html文件中所引用的css
const path = require('path');

module.exports = merge(common, {
    // 将webpack.common.js合并到当前文件
    devtool: "source-map", // 会生成对于调试的完整的.map文件，但同时也会减慢打包速度
    plugins: [
        new CleanWebpackPlugin(), // 所要清理的文件夹名称
        new PurifyCSSPlugin({
            paths: glob.sync(path.join(__dirname, "src/*.html")) // 同步扫描所有html文件中所引用的css
        })
    ]
});